@extends('home.layout.base')
@section('styles')
    <style>
        .content{
            color: #636363;
        }
        .menu-heng {
            height: 2px;
            width: 60px;background: #E83F2B;
        }
    </style>
@endsection
@section('scripts')
@endsection
@section('content')
    <section style="padding: 0">
        <img src="{{ asset('image/ser01.png') }}" alt="" class="img_ct">
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700;line-height:15px;font-size: 25px">服务保障</h2>
                <hr class="menu-heng">
                <div class="col-lg-12" style="display: flex">
                    <div class="col-lg-6" style="display: flex;margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser02.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="text-align: left;padding-left: 15px">
                            <h3 style="margin-bottom: 20px">1对1管家式服务</h3>
                            <div style="font-size: 16px;">如遇问题，随时联系你的专属客户经理，全程跟踪服务，贴心方便</div>
                        </div>
                    </div>
                    <div class="col-lg-6" style="display: flex;margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser03.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="text-align: left;padding-left: 15px">
                            <h3 style="margin-bottom: 20px">限时解决响应体系</h3>
                            <div style="font-size: 16px;">根据问题等级响应体系，全力以赴，限时解决</div>
                        </div>
                    </div>
                </div>
                <div  class="col-lg-12" style="display: flex">
                    <div class="col-lg-6" style="display: flex;margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser04.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="text-align: left;padding-left: 15px">
                            <h3 style="margin-bottom: 20px">立体式服务形式</h3>
                            <div style="font-size: 16px;">
                                <ul style=" margin-left:-40px; line-height:25px;margin-top: 5px">
                                    <li>工具：旺旺、钉钉、QQ、微信、电话，多渠道响应</li>
                                    <li>远程：通过远程工具指导操作，高效解决问题</li>
                                    <li>上门：疑难问题专人上门，深度沟通，彻底解决</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6" style="display: flex;margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser05.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="text-align: left;padding-left: 15px">
                            <h3 style="margin-bottom: 20px">投诉备案调查</h3>
                            <div style="font-size: 16px;">
                                <ul style=" margin-left:-40px; line-height:25px;margin-top: 5px">
                                    <li>客诉问题，我们会进行备案调查，给予您满意的答复。</li>
                                    <li>投诉电话：400-830-0993</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mp50">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700;line-height:15px;font-size: 25px">大促保障</h2>
                <hr class="menu-heng">
                <div class="col-lg-12" style="display: flex">
                    <div class="col-lg-4" style="margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser06.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="padding-left: 15px">
                            <h3 style="margin-bottom: 20px">专业保障小组</h3>
                            <div style="font-size: 16px;">启动由精英技术、服务人员组成的经验丰富的大促服务保障小组，全力保障大促无忧</div>
                        </div>
                    </div>
                    <div class="col-lg-4" style="margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser07.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="padding-left: 15px">
                            <h3 style="margin-bottom: 20px">严密保障体系</h3>
                            <div style="font-size: 16px;">大促前两次深度客户调研，三度系统、重点设置检查，杜绝潜在问题，确保万无一失</div>
                        </div>
                    </div>
                    <div class="col-lg-4" style="margin: 35px 0;padding: 0 0 0 15px">
                        <img src="{{ asset('image/ser08.png') }}" style="width:130px;height: 130px" alt="">
                        <div style="padding-left: 15px">
                            <h3 style="margin-bottom: 20px">强大服务支持</h3>
                            <div style="font-size: 16px;">一对一驻场保障、通宵轮班制度、多渠道在线支援等多维保障，强大支持给予客户满满安全感
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mp50" style="padding-bottom: 100px">
        <div class="container">
            <div class="shop-02">
                <h2 style="font-weight: 700;line-height:15px;font-size: 25px">实施服务</h2>
                <hr class="menu-heng">
                <div class="col-lg-12">
                    <img src="{{ asset('image/ser09.png') }}" alt="" class="img_ct">
                </div>
            </div>
        </div>
    </section>
@endsection

